<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        .city {
            width: 100%;
            position: fixed;
            bottom: 0;

        }

        .city img {
            width: 100%;
        }

        audio {
            opacity: 0;
        }
    </style>
    <title>
        ૮꒰ ˶• ༝ •˶꒱ა૮(˶ᵔ ᵕ ᵔ˶)ა
    </title>
    <link href="modal.css" rel="stylesheet" />
</head>

<body onselectstart="return false">
    <!--对话部分-->
    <div class="share_img"><img src="a8b.png" alt=""></div>

    <div class="page_one">
        <div class="content">
            <div class="text_wrapper">
                <img src="a8.png" alt="">
                <div class="text">
                    宝宝，愿意和我一起看烟花嘛？₍ᐢ..ᐢ₎♡
                </div>
            </div>
        </div>
        <div class="btn-groups">
            <div class="heart-btn">
                <div id="yes" class="btn btn-a"><span>愿意💘</span></div>
                <div id="seeOther" class="btn btn-a"><span>💌<br>&nbsp;&nbsp;&nbsp;</span></div> <!-- 新增按钮 -->
                <div id="no" class="btn btn-b"><span>不行💔</span></div>
            </div>
        </div>

    </div>
    <!--烟花部分-->
    <canvas id='cas' style="background-color:rgba(0,5,24,1)">
        浏览器不支持canvas
    </canvas>
    <div class="city">
        <img src="city.png" alt="" />
    </div>
    <img src="moon.png" id="moon" style="visibility: hidden;" alt="Moon" onclick="showImageAndAlert()" />
    <div style="display:none">
        <div class="shape">
            ૮꒰˶• ༝ •˶꒱ა૮(˶ᵔ ᵕ ᵔ˶)ა
        </div>
        <div class="shape">
            💒
        </div>
        <div class="shape">
            ❤️天天开心❤️
        </div>
        <div class="shape">
            一直陪着你👫
        </div>
        <div class="shape">
            Bxy💕Zjc
        </div>
        <div class="shape">
            ˗ˋˏ❤ˎˊ˗
        </div>
        <div class="shape">
            520🌹
        </div>
        <div class="shape">
            1314🌻
        </div>
        <div class="shape">
              💟
        </div>
        <div class="shape">
        💌
        </div>
    </div>
    <!--音乐部分-->
    <audio autoplay="autopaly" loop="loop" id="audios">
        <source src="music.mp3" type="audio/mp3" />
    </audio>
    <iframe id="iframMusic" allow="autoplay" style="display:none" src="blank.mp3"></iframe>
    <script src="jquery.min.js"></script>
    <script src="fire.js"></script>
    <script src="talk.js"></script>
    <!--<script>
    document.addEventListener('click', function() {
        document.getElementById('audios').play()
    })
-->
    <script>

    </script>
</body>

</html>